@import 'common';

#nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    border-bottom: solid 1px #B3B3B3;
    background: #fafafa;
    .navlist {
        position: relative;
        height: 0.5rem;
        li {
            float: left;
            margin: 0;
            height: 0.5rem;
            width: 25%;
            a {
                width: 100%;
                display: inline-block;
                height: 0.5rem;
                border-right: 0.01rem solid #EAEAEA;
                text-align: center;
                span {
                    display: inline-block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background: url("../img/icon.png") no-repeat 0 -0.46rem;
                    background-size: 2.14rem auto;
                }
                .active{
                    background-position: 0 -.46rem;
                }
                .active1{
                    background-position: -0.46rem 0;
                }
                .active2{
                    background-position: -1.6rem -0.46rem;
                }
                .active3{
                    background-position: -1rem -0.46rem;
                }
            }
        }
    }
}

.addressinfo {
    width: 99%;
    overflow: hidden;
    margin: .1rem auto;
    position: relative;
    top: .5rem;
    .addresscontent {
        min-height: .75rem;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 .05rem #ccc;
        border: 1px solid #f2f2f2;
        margin: .1rem;
        border-radius: .1rem;
        padding: .1rem;
        margin-right: .15rem;
        .text {
            height: .4rem;
            margin: .05rem 0;
            border-radius: .05rem;
            border: 1px solid #ddd;
            text-indent: .1rem;
            width: 99%;
        }
        select {
            margin-left: .1rem;
            border-radius: .05rem;
            border: 1px solid #ddd;
            height: .38rem;
            margin: .05rem 0;
            width: .95rem;
            font-family: 微软雅黑E\8F6F\96C5\9ED1,Tahoma,Verdana;
            font-size: .12rem;
            line-height: .18rem;
            color: #444;
            option {
                font-weight: normal;
                display: block;
                white-space: pre;
                min-height: .12em;
                padding: 0px 2px 1px;
            }
        }
        .submit_address {
            width: 100%;
            background-color: #28c728;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#18b218), to(#28c728));
            background-image: -webkit-linear-gradient(top, #18b218, #28c728);
            background-image: linear-gradient(to bottom, #18b218, #28c728);
            display: block;
            text-align: center;
            height: .4rem;
            line-height: .4rem;
            border: 1px solid #31b231;
            border-radius: .05rem;
            color: #fff;
            font-size: .16rem;
            cursor: pointer;
            margin: .05rem auto;
        }
    }
    .op_address_list {
        background: #ffffff;
        margin: 0 .1rem;
        li {
            padding-top: .15rem;
            margin: .1rem 0;
            font-size: .15rem;
            color: #333;
            border: 1px solid #eaeaea;
            p {
                overflow: hidden;
                padding-left: .15rem;
                em {
                    font-style: normal;
                }
                span {
                    display: inline-block;
                    float: left;
                    width: 48%;
                    text-align: center;
                    a {
                        display: block;
                        color: #666;
                        margin: 0 10px;
                        padding: .05rem 0;
                        .edit_icon {
                            display: inline-block;
                            background: url(../img/edit.png);
                            background-size: contain;
                            width: .12rem;
                            height: .12rem;
                            margin-right: .05rem;
                            vertical-align: -1px;
                        }
                        .delete_icon {
                            display: inline-block;
                            background: url(../img/del.png);
                            background-size: contain;
                            width: .15rem;
                            height: .15rem;
                            margin-right: .05rem;
                            vertical-align: -1px;
                        }
                    }
                }
                .edit {
                    border-right: 1px solid #eaeaea;
                }
            }
            .new_line {
                border-bottom: 1px solid #eaeaea;
            }
            .address_action {
                font-size: .14rem;
            }
        }
    }
}